<!DOCTYPE html>
<html>
<head>
    <title> {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <hook name="before_head_end"/>
</head>
<body class="page-index">
<div class="container">
    <include file="public@nav"/>

    <div class="contents">
        <!--活动通知/公告-->
        <div class="activity">
            <div class="title">
                <ul class="news-title">
                    <li class="title-item active" style="width: 230px"><a href="javascript:;">{$org}志愿者排行</a></li>
                </ul>
            </div>
            <if condition="$id==1||$id==2">
            <div class="box-cont">
                <div class="act-forenotice">
                    <div class="notice">
                        <foreach name="rank" id="vo">

                        <div class="blockSty">
                            <a href="{:url('portal/volunt/detail',['user_id'=>$vo.user_id])}">
                                <div class="leftTx">
                                    <img src="{$vo.user.avatar}" class="listImg" style="width: 75px;height: 97px">
                                </div>
                                <div class="rightCon">
                                    <div>
                                        <i class="layui-icon layui-icon-username"></i> {$vo.user.user_nickname}
                                    </div>
                                    <div>
                                        <!--<i class="layui-icon layui-icon-templeate-1"></i>-->
                                        <!--<text class="zyzph"></text>-->
                                        <i class="layui-icon layui-icon-log"></i>
                                        <if condition="$org_id==1">总时长&nbsp;{$vo.duration|s_to_h}</if>
                                        <if condition="$org_id==2">总次数&nbsp;{$vo.z_times}</if>
                                    </div>
                                    <!--<div>-->
                                        <!--<i class="layui-icon layui-icon-user"></i>-->
                                    <!--</div>-->
                                </div>
                                <div style="clear: both;"></div>
                            </a>
                        </div>
                        </foreach>
                    </div>

                </div>
            </div>
                <else/>
                <div class="box-cont">
                    <div class="act-forenotice">
                        <div class="notice">
                            <foreach name="rank" id="vo">
                                <div class="blockSty">
                                        <div class="leftTx">
                                            <img src="/html/img/logoTx.png" class="listImg" style="width: 75px;height: 97px">
                                        </div>
                                        <div class="rightCon">
                                            <div>
                                                <i class="layui-icon layui-icon-username"></i> {$vo[0]}
                                            </div>
                                            <div>
                                                <!--<i class="layui-icon layui-icon-templeate-1"></i>-->
                                                <!--<text class="zyzph"></text>-->
                                                <i class="layui-icon layui-icon-log"></i>
                                                总积分&nbsp;{$vo[1]}
                                            </div>
                                            <!--<div>-->
                                            <!--<i class="layui-icon layui-icon-user"></i>-->
                                            <!--</div>-->
                                        </div>
                                        <div style="clear: both;"></div>
                                </div>
                            </foreach>
                        </div>
                    </div>
                </div>
                </if>
        </div>
        <!--<div class="statistical">-->
            <!--<div class="login box">-->
                <!--<div class="title"><h2>社区团体排行</h2></div>-->
                <!--<div class="box-cont hdtj zyzJg">-->
                    <!--<ul>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<text class="zuzjg">山海天旅游度假区交警大队看看就解决就回家</text>-->
                            <!--<text class="peopleNum">399人</text>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <div style="clear: both;"></div>
    </div>


    <include file="public@footer"/>
    <!-- /container -->
    <include file="public@scripts"/>
    <script type="text/javascript">
        (function($){
            "use strict";
            function bind_events(){
                $('.title .title-item').off("click").on("click",function(e){
                    e.preventDefault();
                    var _index = $(this).index();
                    $(this).addClass('active').siblings().removeClass('active');
                    $('.activity .box-cont .act-forenotice').eq(_index).removeClass("hidden").siblings().addClass("hidden");
                });
                $('.tab-ctrl-item').off("click").on("click",function(e){
                    e.preventDefault();
                    var _index = $(this).index();
                    $(this).addClass('active').siblings().removeClass('active');
                    $('.rank .tab-pannel div').eq(_index).removeClass("hidden").siblings().addClass("hidden");
                });
            }
            $(function(){
                bind_events();
                $('.hdtj ul li:last').css("border","none");
            })
        })(jQuery);

        //    layui
        layui.use(['laypage', 'layer'], function() {
            var laypage = layui.laypage
                    , layer = layui.layer;
//        分页
            laypage.render({
                elem: 'listOne'
                ,count: 100
                ,layout: ['prev', 'page', 'next', 'skip' ,'count']
                ,prev: '<em>←</em>'
                ,next: '<em>→</em>'
                ,jump: function(obj){
                    console.log(obj)
                }
            });
            laypage.render({
                elem: 'listTwo'
                ,count: 100
                ,layout: ['prev', 'page', 'next', 'skip' ,'count']
                ,prev: '<em>←</em>'
                ,next: '<em>→</em>'
                ,jump: function(obj){
                    console.log(obj)
                }
            });
        });
    </script>
    <hook name="before_body_end"/>
</body>
</html>